<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<ui:composition
	template="/resources/plantillas/responsive.template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich">

	<ui:define name="head-meta">
		<link rel="stylesheet"
			href="#{request.contextPath}/resources/css/estilo-visual.css" />
		<link rel="stylesheet"
			href="#{request.contextPath}/resources/css/modal.css" />
	</ui:define>
	<ui:define name="principal">
		<h:form>
			<h1>Algoritmos</h1>
			<rich:tabPanel switchType="ajax" styleClass="colorPrincipal">

				<rich:tab name="Cargar Algoritmo">
					<form method="POST" enctype="multipart/form-data"
						action="#{request.contextPath}/uploadSingle/?destino=algoritmo">
						File to upload:
						<input type="file" name="upfile" accept=".jar" />
						<input type="submit" value="Press" />
					</form>

					<h:form>
						<h1>Registrar Nuevo Algoritmo</h1>
						<h:panelGroup style="width: 100%;max-width: 100%;"
							rendered="#{algortimoBean.fileLoaded()}">
							<fieldset>
								<h:outputLabel value="JAR:" />
								<h:outputText value="#{algortimoBean.nombreArchivo}" />

								<legend>Metadatos del Algoritmo:</legend>
								<h:outputLabel value="Nombre unico:" />
								<h:inputText value="#{algortimoBean.algoritmo.nombre}" />

								<h:outputLabel value="Descripcion:" />
								<h:inputTextarea value="#{algortimoBean.algoritmo.descripcion}"
									style="width: 100%;max-width: 100%;" />


								<h:outputLabel value="Canonical Class Name" />
								<h:inputText value="#{algortimoBean.algoritmo.paqueteAlgoritmo}" />

								<h:outputLabel value="Tipo" />
								<h:selectOneMenu value="#{algortimoBean.algoritmo.tipo}">
									<f:converter converterId="javax.faces.Number" />
									<f:selectItem itemValue="1"	itemLabel="Algoritmo de Comparación" />
									<f:selectItem itemValue="2" itemLabel="Algoritmo de Extracción" />
								
								</h:selectOneMenu>
							</fieldset>



							<h:commandButton value="Analizar"
								action="#{algortimoBean.registrar()}"
								onclick="window.location ='#modal1';">
								<f:ajax render="result" execute="@form " />
							</h:commandButton>

							<div id="modal1" class="modalmask">
								<div id="contenido_modal" class="modalbox movedown">
									<a href="#close" title="Close" class="close">X</a>
									<rich:panel id="result">
										<h:panelGrid columns="1">
											<h:outputText value=" #{algortimoBean.respuesta.observacion}" />


										</h:panelGrid>
									</rich:panel>
								</div>
							</div>
						</h:panelGroup>
					</h:form>
				</rich:tab>

				<rich:tab name="Listado">
					<h:form>
						<h1>Lista de Algoritmos</h1>

						<rich:dataTable value="#{algortimoBean.algoritmos}" var="obj"
							id="table" rowClasses="odd-row, even-row"
							styleClass="tabla_class" iterationStatusVar="it">
							<f:facet name="noData">
					                No se han encontrado algoritmos registrados
							 </f:facet>

							<rich:column styleClass="actions">
								<f:facet name="header">
									<h:panelGroup>
										<h:outputText value="#" />
									</h:panelGroup>
								</f:facet>
								<h:outputText value="#{(it.index+1)}" />
							</rich:column>

							<rich:column styleClass="actions">
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{obj.nombre}" />
							</rich:column>

							<rich:column styleClass="actions">
								<f:facet name="header">
									<h:outputText value="Tipo" />
								</f:facet>
								<h:selectOneMenu value="#{obj.tipo}" disabled="true" style=" background: inherit no-repeat right #ddd;color:#000000;border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;">
									<f:selectItem itemValue="1"	itemLabel="Algoritmo de Comparación" />
									<f:selectItem itemValue="2" itemLabel="Algoritmo de Extracción" />
								</h:selectOneMenu>
							</rich:column>

							<rich:column styleClass="actions">
								<f:facet name="header">
									<h:outputText value="Paquete" />
								</f:facet>
								<h:outputText value="#{obj.paqueteAlgoritmo}" />
							</rich:column>

							<rich:column styleClass="actions">
								<f:facet name="header">
									<h:outputText value="Path Repositorio" />
								</f:facet>
								<h:outputText value="#{obj.ruta}" />
							</rich:column>


						</rich:dataTable>

					</h:form>

				</rich:tab>
			</rich:tabPanel>

		</h:form>

	</ui:define>
</ui:composition>

